﻿<!DOCTYPE html>
<html>
  <head>
    <title>3.2 勋章</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/3_2_勋章/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/3_2_勋章/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (矩形) -->
      <div id="u2432" class="ax_default box_1">
        <img id="u2432_img" class="img " src="images/3_2_勋章/u2432.svg"/>
        <div id="u2432_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2433" class="ax_default box_1">
        <img id="u2433_img" class="img " src="images/3_2_勋章/u2433.svg"/>
        <div id="u2433_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2434" class="ax_default" data-left="500" data-top="50" data-width="453" data-height="886">

        <!-- Unnamed (矩形) -->
        <div id="u2435" class="ax_default box_1">
          <div id="u2435_div" class=""></div>
          <div id="u2435_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2436" class="ax_default image">
          <img id="u2436_img" class="img " src="images/0__logo___载入/u267.png"/>
          <div id="u2436_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2437" class="ax_default image">
          <img id="u2437_img" class="img " src="images/0__logo___载入/u268.png"/>
          <div id="u2437_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2438" class="ax_default image">
          <img id="u2438_img" class="img " src="images/0__logo___载入/u269.png"/>
          <div id="u2438_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (图片) -->
        <div id="u2439" class="ax_default image">
          <img id="u2439_img" class="img " src="images/0__logo___载入/u270.png"/>
          <div id="u2439_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Status Bar) -->

        <!-- Unnamed (图片) -->
        <div id="u2441" class="ax_default image">
          <img id="u2441_img" class="img " src="images/0__logo___载入/u272.png"/>
          <div id="u2441_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
        <div id="u2440" style="display:none; visibility:hidden;"></div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2442" class="ax_default box_1">
        <img id="u2442_img" class="img " src="images/3_2_勋章/u2442.svg"/>
        <div id="u2442_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2443" class="ax_default _一级标题">
        <div id="u2443_div" class=""></div>
        <div id="u2443_text" class="text ">
          <p><span>成就</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u2444" class="ax_default line">
        <img id="u2444_img" class="img " src="images/3__成就页/u1883.svg"/>
        <div id="u2444_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u2445" class="ax_default" data-left="540" data-top="787" data-width="353" data-height="83">

        <!-- Unnamed (矩形) -->
        <div id="u2446" class="ax_default box_3">
          <div id="u2446_div" class=""></div>
          <div id="u2446_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u2447" class="ax_default icon">
          <img id="u2447_img" class="img " src="images/3__成就页/u1888.svg"/>
          <div id="u2447_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u2448" class="ax_default icon">
          <img id="u2448_img" class="img " src="images/1__专注_首页_/u519.svg"/>
          <div id="u2448_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u2449" class="ax_default icon selected">
          <img id="u2449_img" class="img " src="images/3__成就页/u1890.svg"/>
          <div id="u2449_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- icon组 (组合) -->
        <div id="u2450" class="ax_default" data-label="icon组" data-left="660" data-top="809" data-width="44" data-height="40">

          <!-- task (组合) -->
          <div id="u2451" class="ax_default" data-label="task" data-left="660" data-top="809" data-width="44" data-height="40">

            <!-- Unnamed (形状) -->
            <div id="u2452" class="ax_default icon">
              <img id="u2452_img" class="img " src="images/1__专注_首页_/u509.svg"/>
              <div id="u2452_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (椭圆) -->
            <div id="u2453" class="ax_default icon">
              <img id="u2453_img" class="img " src="images/1__专注_首页_/u510.svg"/>
              <div id="u2453_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (椭圆) -->
            <div id="u2454" class="ax_default icon">
              <img id="u2454_img" class="img " src="images/1__专注_首页_/u510.svg"/>
              <div id="u2454_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u2455" class="ax_default icon">
              <img id="u2455_img" class="img " src="images/1__专注_首页_/u512.svg"/>
              <div id="u2455_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u2456" class="ax_default icon">
              <img id="u2456_img" class="img " src="images/1__专注_首页_/u513.svg"/>
              <div id="u2456_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u2457" class="ax_default icon">
              <img id="u2457_img" class="img " src="images/1__专注_首页_/u514.svg"/>
              <div id="u2457_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u2458" class="ax_default icon">
              <img id="u2458_img" class="img " src="images/1__专注_首页_/u515.svg"/>
              <div id="u2458_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u2459" class="ax_default icon">
              <img id="u2459_img" class="img " src="images/1__专注_首页_/u516.svg"/>
              <div id="u2459_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u2460" class="ax_default icon">
              <img id="u2460_img" class="img " src="images/1__专注_首页_/u517.svg"/>
              <div id="u2460_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2461" class="ax_default label">
        <div id="u2461_div" class=""></div>
        <div id="u2461_text" class="text ">
          <p><span>等级勋章</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2462" class="ax_default label">
        <div id="u2462_div" class=""></div>
        <div id="u2462_text" class="text ">
          <p><span>已获取2枚</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2463" class="ax_default label">
        <div id="u2463_div" class=""></div>
        <div id="u2463_text" class="text ">
          <p><span>连续专注3天</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2464" class="ax_default label">
        <div id="u2464_div" class=""></div>
        <div id="u2464_text" class="text ">
          <p><span>连续专注7天</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2465" class="ax_default label">
        <div id="u2465_div" class=""></div>
        <div id="u2465_text" class="text ">
          <p><span>连续专注21天</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2466" class="ax_default label">
        <div id="u2466_div" class=""></div>
        <div id="u2466_text" class="text ">
          <p><span>连续专注100天</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2467" class="ax_default label">
        <div id="u2467_div" class=""></div>
        <div id="u2467_text" class="text ">
          <p><span>连续专注200天</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2468" class="ax_default label">
        <div id="u2468_div" class=""></div>
        <div id="u2468_text" class="text ">
          <p><span>连续专注365天</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u2469" class="ax_default image">
        <img id="u2469_img" class="img " src="images/3__成就页/u1969.png"/>
        <div id="u2469_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u2470" class="ax_default image">
        <img id="u2470_img" class="img " src="images/3__成就页/u1970.png"/>
        <div id="u2470_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u2471" class="ax_default image">
        <img id="u2471_img" class="img " src="images/3__成就页/u1971.png"/>
        <div id="u2471_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u2472" class="ax_default image">
        <img id="u2472_img" class="img " src="images/3__成就页/u1972.png"/>
        <div id="u2472_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u2473" class="ax_default image">
        <img id="u2473_img" class="img " src="images/3__成就页/u1973.png"/>
        <div id="u2473_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u2474" class="ax_default image">
        <img id="u2474_img" class="img " src="images/3__成就页/u1974.png"/>
        <div id="u2474_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2475" class="ax_default label">
        <div id="u2475_div" class=""></div>
        <div id="u2475_text" class="text ">
          <p><span>段位勋章</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2476" class="ax_default label">
        <div id="u2476_div" class=""></div>
        <div id="u2476_text" class="text ">
          <p><span>已获取3枚</span></p>
        </div>
      </div>

      <!-- Unnamed (图片) -->
      <div id="u2477" class="ax_default image">
        <img id="u2477_img" class="img " src="images/3__成就页/u1977.png"/>
        <div id="u2477_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u2478" class="ax_default ax_default_hidden" style="display:none; visibility: hidden">
        <div id="u2478_state0" class="panel_state" data-label="lv1" style="">
          <div id="u2478_state0_content" class="panel_state_content">

            <!-- Unnamed (矩形) -->
            <div id="u2479" class="ax_default box_1">
              <img id="u2479_img" class="img " src="images/3__成就页/u1979.svg"/>
              <div id="u2479_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2480" class="ax_default box_1">
              <img id="u2480_img" class="img " src="images/3__成就页/u1980.svg"/>
              <div id="u2480_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u2481" class="ax_default image">
              <img id="u2481_img" class="img " src="images/3__成就页/u1969.png"/>
              <div id="u2481_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2482" class="ax_default box_1">
              <img id="u2482_img" class="img " src="images/3__成就页/u1982.svg"/>
              <div id="u2482_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2483" class="ax_default label">
              <div id="u2483_div" class=""></div>
              <div id="u2483_text" class="text ">
                <p><span>连续专注3天</span></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2484" class="ax_default label">
              <div id="u2484_div" class=""></div>
              <div id="u2484_text" class="text ">
                <p><span>好运藏在努力里，坚持下去</span></p>
              </div>
            </div>

            <!-- Unnamed (图片) -->
            <div id="u2485" class="ax_default image">
              <img id="u2485_img" class="img " src="images/3__成就页/u1985.png"/>
              <div id="u2485_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u2486" class="ax_default box_1">
              <img id="u2486_img" class="img " src="images/3__成就页/u1986.svg"/>
              <div id="u2486_text" class="text ">
                <p><span>炫耀一下</span></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2487" class="ax_default label">
        <div id="u2487_div" class=""></div>
        <div id="u2487_text" class="text ">
          <p><span>时长累计60分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2488" class="ax_default label">
        <div id="u2488_div" class=""></div>
        <div id="u2488_text" class="text ">
          <p><span>时长累计100分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2489" class="ax_default label">
        <div id="u2489_div" class=""></div>
        <div id="u2489_text" class="text ">
          <p><span>时长累计500分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (热区) -->
      <div id="u2490" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u2491" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u2492" class="ax_default">
      </div>

      <!-- Unnamed (热区) -->
      <div id="u2493" class="ax_default">
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2494" class="ax_default _文本段落">
        <div id="u2494_div" class=""></div>
        <div id="u2494_text" class="text ">
          <p style="font-size:32px;"><span>请操作：</span></p><p style="font-size:20px;"><span><br></span></p><p style="font-size:20px;"><span>1.用户可通过点击【排行榜】【勋章】【概览】区域进行页面跳转</span></p><p style="font-size:20px;"><span><br></span></p><p style="font-size:20px;"><span>2.用户可点击勋章进行勋章查看及分享的操作</span></p><p style="font-size:20px;"><span><br></span></p><p style="font-size:20px;"><span>3.用户在点击勋章后，点击弹窗右上角&quot;×&quot;图标可关闭弹窗</span></p><p style="font-size:20px;"><span><br></span></p><p style="font-size:20px;"><span>4.用户在点击勋章后，点击弹窗下方【炫耀一下】按钮跳转至【3.2.1 分享页面】</span></p><p style="font-size:20px;"><span><br></span></p><p style="font-size:20px;"><span><br></span></p><p style="font-size:24px;"><span><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2495" class="ax_default label">
        <div id="u2495_div" class=""></div>
        <div id="u2495_text" class="text ">
          <p><span>排行榜</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2496" class="ax_default label">
        <div id="u2496_div" class=""></div>
        <div id="u2496_text" class="text ">
          <p><span>勋章</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u2497" class="ax_default label">
        <div id="u2497_div" class=""></div>
        <div id="u2497_text" class="text ">
          <p><span>概览</span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
